<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>层叠性</title>
	</head>
	<style>
		div {
			color: #FF0000;
			font-size: 20px;
		}
		div {
			color: #00ffff;
		}
	</style>
	<body>
		<!-- 形同选择器给设置相同的样式, 此时一个样式就会覆盖(层叠)另一个冲突样式, 层叠性主要解决样式冲突的问题.
		 -->
		 <!-- 层叠性原则: -->
			<!-- 样式冲突: 遵循原则就是就近原则, 哪个样式离结构近, 就执行哪个样式 -->
			<!-- 样式不冲突: 不会层叠 -->
		
		<div>
			打工人, 打工人, 打工都是人上人
		</div>
	</body>
</html>
